<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>更换壁纸</title>
<!--公共样式开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/reset.css">
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/common.css">
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Plugins/FontAwesome/css/font-awesome.min.css">
<!--公共样式结束-->
<!--页面样式开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/page_zhuomian.css">
<!--页面样式结束--
<!--公共JS开始-->
<script src="{$NOW_THEME_URL}/Assets/Js/jquery.min.js"></script>
<script src="{$NOW_THEME_URL}/Assets/Js/jquery.timer.js"></script>
<script src="{$NOW_THEME_URL}/Assets/Js/common.js"></script>
<!--公共JS结束-->
<!--滑动门插件开始-->
<script src="{$NOW_THEME_URL}/Assets/Plugins/Ettab/Js/ettab.js"></script>
<!--滑动门插件结束-->
<style type="text/css">
	body {
		overflow:hidden;
	}
</style>
</head>

<body>
	<div class="page_header">
		<div class="tabbar">
			<ul class="tab clearfix">
				<li class="tabhover" fortab="tab1" show="tab1_0">推荐</li>
				<li fortab="tab1" show="tab1_1">花草集</li>
				<li fortab="tab1" show="tab1_2">风景集</li>
				<li fortab="tab1" show="tab1_3">简约风</li>
				<li fortab="tab1" show="tab1_4">梦幻美食</li>
			</ul>
		</div>
	</div>
	<div class="zhuomian clearfix">
		<div fortab="tab1" dosome="false" id="tab1_0">
			<ul class="clearfix"  >
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/1.jpg" desktop="Scenery/1.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/67.jpg" desktop="Myself/67.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/68.jpg" desktop="Myself/68.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/3.jpg" desktop="Scenery/3.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/69.jpg" desktop="Myself/69.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/5.jpg" desktop="Scenery/5.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/67.jpg" desktop="Myself/67.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/4.jpg" desktop="Colorfull/4.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/1.jpg" desktop="Colorfull/1.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/67.jpg" desktop="Myself/67.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/68.jpg" desktop="Myself/68.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/69.jpg" desktop="Myself/69.jpg"></li>
			</ul>
		</div>
		<div fortab="tab1" dosome="false" id="tab1_1" style="display:none;">
			<ul class="clearfix"  >
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/66.jpg" desktop="Myself/66.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/67.jpg" desktop="Myself/67.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/68.jpg" desktop="Myself/68.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/69.jpg" desktop="Myself/69.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/69.jpg" desktop="Myself/69.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/68.jpg" desktop="Myself/68.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/67.jpg" desktop="Myself/67.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/66.jpg" desktop="Myself/66.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/66.jpg" desktop="Myself/66.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/67.jpg" desktop="Myself/67.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/68.jpg" desktop="Myself/68.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Myself/69.jpg" desktop="Myself/69.jpg"></li>
			</ul>
		</div>
		<div fortab="tab1" dosome="false" id="tab1_2" style="display:none;">
			<ul class="clearfix">
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/1.jpg" desktop="Scenery/1.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/2.jpg" desktop="Scenery/2.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/3.jpg" desktop="Scenery/3.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/4.jpg" desktop="Scenery/4.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/5.jpg" desktop="Scenery/5.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/6.jpg" desktop="Scenery/6.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/7.jpg" desktop="Scenery/7.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/7.jpg" desktop="Scenery/7.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/6.jpg" desktop="Scenery/6.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/5.jpg" desktop="Scenery/5.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/4.jpg" desktop="Scenery/4.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Scenery/3.jpg" desktop="Scenery/3.jpg"></li>
			</ul>
		</div>
		<div fortab="tab1" dosome="false" id="tab1_3" style="display:none;">
			<ul class="clearfix">
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/1.jpg" desktop="Colorfull/1.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/2.jpg" desktop="Colorfull/2.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/3.jpg" desktop="Colorfull/3.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/4.jpg" desktop="Colorfull/4.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/4.jpg" desktop="Colorfull/4.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/3.jpg" desktop="Colorfull/3.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/2.jpg" desktop="Colorfull/2.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/1.jpg" desktop="Colorfull/1.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/1.jpg" desktop="Colorfull/1.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/2.jpg" desktop="Colorfull/2.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/3.jpg" desktop="Colorfull/3.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Colorfull/4.jpg" desktop="Colorfull/4.jpg"></li>
			</ul>
		</div>
		<div fortab="tab1" dosome="false" id="tab1_4" style="display:none;">
			<ul class="clearfix">
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Food/01.jpg" desktop="Food/01.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Food/02.jpg" desktop="Food/02.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Food/03.jpg" desktop="Food/03.jpg"></li>
				<li><img src="{$NOW_THEME_URL}/Assets/Images/Deskbg/Food/04.jpg" desktop="Food/04.jpg"></li>
			</ul>
		</div>
	</div>
</body>
<script type="text/javascript">

	//实例化滑动门
	var tabConfig = {
			tabName: 'tab1',
			tabHeader: '.tab',
			tabContent: '.zhuomian',
			tabContentFun : {
		}
	};
	
	var memberTab = $('body').EtTab(tabConfig);
	
	$('.zhuomian li img').on('click',function(){
		
		windowApi.changeDesktop($(this).attr('src'));
		var desktop = $(this).attr('desktop');
		
		$.post('{:U("Public/desktop")}',{desktop:desktop},function(data){
			if(data.status != 1){
				alert("更换桌面背景失败");
			}
		});
	});
	
	
</script>
</html>
